<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>真快乐首页</title>
    <link rel="stylesheet" type="text/css" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./node_modules/swiper/swiper-bundle.min.css">
    <link rel="shortcut icon" href="//app.gomein.net.cn/favicon.ico" type="image/x-icon">
    <script src="./node_modules/jquery/dist/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="./layer/layer.js"></script>
</head>

<body>
    <div class="banxin">
        <!-- 头部 -->
        <div class="head">
            <ul class="first-ul ">
                <li>真快乐会员</li>
                <li><a href="./login.html" style="color: #2875cc;">登录</a></li>
                <li><a href="./enroll.html" style="color: #2875cc;">注册有礼</a></li>
            </ul>
            <ul class="first-ul ">
                <li>欢迎您: <b style="color : purple"><span class="nickname"></span></b></li>
                <li style="cursor: pointer;" class="tuichu">退出登录</li>
            </ul>
            <ul class="last-ul">
                <li><a href="./shoppingcar.html" style="color: #888;">我的订单</a></li>
                <li><a href="./self.html" style="color: #888;">个人中心</a></li>
                <li>企业采购</li>
                <li>服务中心</li>
                <li>网站导航</li>
                <li>真快乐APP</li>
                <li><i class="iconfont icon-xinlangweibo2"></i></li>
            </ul>
        </div>
        <div style="clear: both;"></div>
        <!-- 搜索框 -->
        <div class="main">
            <img src="https://css.gomein.net.cn/gmpro/1.0.0/public/1.0.0/css/i/logo.png" alt="">
            <select name="" id="">
                <option value="商品">商品</option>
                <option value="店铺">店铺</option>
            </select>
            <input type="text" name="" id="" class="w12">
            <button>搜索</button>
            <ul class="seach">
               <li></li>
            </ul>
            <label for="">
                <i class="iconfont icon-gouwuche-xuanzhong"></i> <a href="./shoppingcar.html"
                    style="color: black;">我的购物车</a>
            </label>
        </div>
    </div>
    <!-- 分类信息 -->
    <div class="main2">
        <p class="qbsp"><a href="./list.html">全部商品分类</a></p>
        <div class="box">
            <ol class="cd">
                <li>女装/男装/内衣</li>
                <li>女鞋/男鞋/箱包</li>
                <li>护肤彩妆/个护</li>
                <li>运动户外</li>
                <li>家电数码</li>
                <li>母婴童装</li>
                <li>手表配饰</li>
                <li>居家用品</li>
                <li>唯品生活</li>
                <li>医药健康</li>
            </ol>
            <ol class="cd-hm">
                <li>此</li>
                <li>处</li>
                <li>省</li>
                <li>略</li>
                <li>了</li>
                <li>列</li>
                <li>表</li>
                <li>页</li>
                <li>太</li>
                <li>多</li>
            </ol>
        </div>
        <ul id="hd">
            <li><a href="./list.html" style="color: #888;">分类</a></li>
            <li><a href="./list.html" style="color: #888;">超市</a></li>
            <li><a href="./list.html" style="color: #888;">电器城</a></li>
            <li><a href="./list.html" style="color: #888;">家居家装</a></li>
            <li><a href="./list.html" style="color: #888;">智能</a></li>
            <li><a href="./list.html" style="color: #888;">管家</a></li>
            <li><a href="./list.html" style="color: #888;">金融</a></li>
            <li><a href="./list.html" style="color: #888;">美锅优选</a></li>
            <li><a href="./list.html" style="color: #888;">快乐秀</a></li>
            
        </ul>
        <b class="zw" style="cursor: pointer;">政务信息速递</b>
        <ul id="texun">
            <p>快讯</p><span>更多></span>
            <ul>
                <li>特惠 手机专场千元手机抢不停</li>
                <li>特惠 生活家电随便购 全场49元不停</li>
                <li>特惠 家电影视 大屏爆品提前抢</li>
                <li>特惠 冰洗专场 爆品波轮低至799元</li>
            </ul>
            <ol>
                <li>充话费<i class="iconfont icon-shouji1"></i></li>
                <li>冲流量<i class="iconfont icon-zhuanhuan"></i></li>
                <li>领券 &nbsp;&nbsp;<i class="iconfont icon-quora"></i></li>
                <li>会员 &nbsp;&nbsp;<i class="iconfont icon-tianmao1"></i></li>
                <li>帮助 &nbsp;&nbsp;<i class="iconfont icon-share6"></i></li>
                <li>找服务<i class="iconfont icon-wode"></i></li>
            </ol>
            <img src="./images/T1vVhCBTLT1RCvBVdK.jpg" alt="">
        </ul>
    </div>
    <!-- 轮播图 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./images/T1ei_zBvxv1RCvBVdK_750_450.webp" alt=""></div>
            <div class="swiper-slide"><img src="./images/T1IDDzBQbv1RCvBVdK_750_450.webp" alt=""></div>
            <div class="swiper-slide"><img src="./images/T1LrJzBK_T1RCvBVdK_750_450.webp" alt=""></div>
            <div class="swiper-slide"><img src="./images/T1OQLzBvET1RCvBVdK_750_450.webp" alt=""></div>
            <div class="swiper-slide"><img src="./images/T1PiLzBCAv1RCvBVdK_750_450.webp" alt=""></div>
            <div class="swiper-slide"><img src="./images/T1uhVzBmLv1RCvBVdK_750_450.webp" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

    </div>
    <div class="banxin">
        <!-- 优惠券 -->
        <div class="quan">
            <ul>
                <li>
                    <p>领券中心</p>
                    <p style="font-size: 12px;">COUPON</p>
                    <p style="font-size: 12px;padding-top: 10px;">GO ></p>
                </li>
                <li class="o">
                    <i style="font-size: 12px;color: #e31057;">￥</i><i style="font-size: 30px;color: #e31057;">5</i><i
                        style="color: #888;padding-left: 10px;font-size: 14px;">满99使用</i>
                    <br>
                    <i style="font-size: 12px;padding-left:80px ; color: #888;">点击领取></i>
                    <p style="font-size: 12px;color: #ccc;">可购买食品专营店指定型号</p>
                </li>
                <li class="o">
                    <i style="font-size: 12px;color: #e31057;">￥</i><i style="font-size: 30px;color: #e31057;">20</i><i
                        style="color: #888;padding-left: 10px;font-size: 14px;">满199使用</i>
                    <br>
                    <i style="font-size: 12px;padding-left:80px ; color: #888;">点击领取></i>
                    <p style="font-size: 12px;color: #ccc;">可购买厨具专营店指定型号</p>
                </li>
                <li class="o">
                    <i style="font-size: 12px;color: #e31057;">￥</i><i style="font-size: 30px;color: #e31057;">100</i><i
                        style="color: #888;padding-left: 10px;font-size: 14px;">满599使用</i>
                    <br>
                    <i style="font-size: 12px;padding-left:80px ; color: #888;">点击领取></i>
                    <p style="font-size: 12px;color: #ccc;">可购买电器专营店指定型号</p>
                </li>
                <li class="o">
                    <i style="font-size: 12px;color: #e31057;">￥</i><i style="font-size: 30px;color: #e31057;">200</i><i
                        style="color: #888;padding-left: 10px;font-size: 14px;">满999使用</i>
                    <br>
                    <i style="font-size: 12px;padding-left:80px ; color: #888;">点击领取></i>
                    <p style="font-size: 12px;color: #ccc;">可购买家具专营店指定型号</p>
                </li>
                <li class="o">
                    <i style="font-size: 12px;color: #e31057;">￥</i><i style="font-size: 30px;color: #e31057;">300</i><i
                        style="color: #888;padding-left: 10px;font-size: 14px;">满2999使用</i>
                    <br>
                    <i style="font-size: 12px;padding-left:80px ; color: #888;">点击领取></i>
                    <p style="font-size: 12px;color: #ccc;">可购买海尔专营店指定型号</p>
                </li>
            </ul>
        </div>
        <!-- 条幅 -->
        <div class="foot">
            <ul>
                <li>
                    <i class="iconfont icon-dribbble"></i>
                    <i>品质 ></i>
                    <i style="font-weight: 100;">正品行货购物无忧</i>
                </li>
                <li>
                    <i class="iconfont icon-xiayishou"></i>
                    <i>速达 ></i>
                    <i style="font-weight: 100;">专业配送 按时按需</i>
                </li>
                <li>
                    <i class="iconfont icon-paynumber"></i>
                    <i>低价 ></i>
                    <i style="font-weight: 100;">普惠市价 帮你省钱</i>
                </li>
            </ul>
        </div>
        <!-- 竖排文字 -->
        <div class="foote">
            <ul>
                <li>
                    <p>物流配送</p>
                    <p>配送查询</p>
                    <p>配送费用</p>
                    <p>配送时效</p>
                    <p>配送费用</p>
                    <p>签收与验货</p>
                </li>
                <li>
                    <p>支付与账户</p>
                    <p>货到付款</p>
                    <p>在线支付</p>
                    <p>分期付款</p>
                    <p>门店支付</p>
                    <p>发票制度</p>
                </li>
                <li>
                    <p>售后与服务</p>
                    <p>退换货服务</p>
                    <p>退款说明</p>
                    <p>专业维修</p>
                    <p>延保服务</p>
                    <p>家电回收</p>
                </li>
                <li>
                    <p>会员专区</p>
                    <p>会员介绍</p>
                    <p>优惠券说明</p>
                    <p>美豆说明</p>
                    <p>商品评价</p>
                </li>
                <li>
                    <p>购物帮助</p>
                    <p>购物保障</p>
                    <p>购物流程</p>
                    <p>促销优惠</p>
                    <p>焦点问题</p>
                    <p>联系我们</p>
                </li>
            </ul>
        </div>
        <!-- 图标 -->
        <div class="footer">
            <span>
                <i class="iconfont icon-taobao21"></i>
                <b>门店服务</b>
                <p>国美门店全国共计2000余家</p>
            </span>
            <span>
                <i class="iconfont icon-dianzan"></i>
                <b>用户体验</b>
                <p>参与用户体验改进计划用户反馈</p>
            </span>
            <span>
                <i class="iconfont icon-weixin1"></i>
                <p>公众号</p>
            </span>
            <span>
                <i class="iconfont icon-WIFI"></i>
                <p>手机热点</p>
            </span>
        </div>
        <!-- 文字 -->
        <div class="wenzi">
            <p>
                <span>国美控股集团</span><span>美锅优食</span><span>国美管家</span><span>关于国美</span><span>加入我们</span>
                <span>丨</span><span>品牌大全</span><span>商品专题</span><span>商品词</span><span>热词搜索</span><span>友情链接</span><span>风险监测</span>
                <span>丨</span><span>商家入驻</span><span>国美分销</span>
            </p>
            <p>本公司游戏产品适合18岁以上成年人使用 违法和不良信息举报电话：021-39900132 互联网药品信息服务资格证编号（沪）-经营性-2019-0006</p>
            <p>网络食品销售第三方平台提供者备案：沪网食备A0015号 网络文化经营许可证沪网文[2021] 0385-031 号 增值电信业务经营许可证</p>
            <p>客服电话:4008113333 沪ICP备11009419号-1/京ICP备 19011786号 京B2-20191290 经营执照 营业执照 出版物经营许可证</p>
            <p>©2000-2021 国美在线电子商务有限公司版权所有 <i class="iconfont icon-faxiandingdan"></i>京公网安备 11010502038379号</p>
        </div>
        <!-- 图标 -->
        <div class="tubiao">
            <ul>
                <li>
                    <i class="iconfont icon-tengxunweibo1"></i>
                    <span>经营性网站备案信息</span>
                </li>
                <li>
                    <i class="iconfont icon-QQ2"></i>
                    <span>诚信网站</span>
                </li>
                <li>
                    <i class="iconfont icon-baidu1"></i>
                    <span>朝阳网络警察</span>
                </li>
                <li>
                    <i class="iconfont icon-youxiang1"></i>
                    <span>网购大家评</span>
                </li>
                <li>
                    <i class="iconfont icon-twitter2"></i>
                    <span>上海市互联网违法和不良信息举报中心</span>
                </li>
                <li>
                    <i class="iconfont icon-pingguo"></i>
                    <span>网上有害信息举报专区</span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 回到顶部 -->
    <button class="huidao">
        回到顶部
    </button>
</body>
<script src="./node_modules/swiper/swiper-bundle.min.js"></script>
<script src="./js/swiper.js"></script>
<script src="./js/封装ajax.js"></script>
<script src="./js/index.js"></script>

</html>